<html>
    <head>
 <script src="js/jquery-1.7.1,min.js" type="text/javascript"></script>
<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/jquery.easing.1.3.js" type="text/javascript"></script>

<script type="text/javascript">
$(document).ready(function()
{
	$('#pop').click(function()
 	{            
		$("#login-box2").fadeIn(300);
		var popMargTop = ($("#login-box2").height() + 15) / 2;
		var popMargLeft = ($("#login-box2").width() + 18) / 2;
		$("#login-box2").css({
			'margin-top' : -popMargTop,
			'margin-left' : -popMargLeft
		});
		return false;
	});

	$('a.close').live('click', function() {
	  $("#login-box2").fadeOut(300 , function()
   		{
		
		});
		return false;
	});
});

</script>

<style type="text/css">

    *{ margin:0; padding:0;  }
            #logo{ text-align:center; }
           
a:link {text-decoration:none;}    /* unvisited link */
a:visited {text-decoration:none;}
 #header{text-shadow:0 0 20px white ;text-align:center;color:#000;font-size:xx-large;font-weight:bolder;  top: 5%; left: 50%; background:url(bg-top.jpg)}
	 #mask {
	display: none;
	background: #000;
	position: fixed; left: 0; top: 0;
	z-index: 10;
	width: 100%; height: 100%;
	opacity:0.2;
	z-index: 999;
}

/* You can customize to your needs  */
.login-popup{
    background-color:black;
	font-size: 1.2em;
	position: fixed;
	top: 50%;
   	left: 50%;
	z-index: 1000px;
        display: none;
}

#requestinfo{
    font: 116% 'Ariel',cursive;
    color:#00cccc;
    text-align: center;
}
#formrequest{
    background-color:#66cdcc ;
   -moz-border-radius: 15px;
   -webkit-border-radius: 15px;
   padding: 2px;
}
#content .btn_close1{
    float:right;
    height:inherit;
    width:inherit;
    border:none;
    margin:0px;
/*   margin: -35px -35px 0 0;*/
}
    .button:hover { background:#000; }
     #content2{
        width:500px;
    background-color: #555550;
    border:5px solid #4b4b47;
    border-radius:15px 15px 15px 15px;
    height:585px;
    margin-left: 5px;
  
    }
    #headerpopup{
         width:500px;
    background-color: #555550;
    border:5px solid #4b4b47;
    border-radius:15px 15px 15px 15px;
    height:20px;
    margin-left:5px;
    
  
    }
    #popupmain{
        background-color:#171717;
        width:520px;
        height:auto;
        margin-bottom: 5px;
        margin-top: 5px;
        
      
    }
    #rightimage{
    width:150px;
   border:2px solid #ffffff;
    padding: 2px;
    height:100px;
    text-align: center;
    background-image:url("images/car1.jpg");
    background-repeat:no-repeat;
}
</style>
    </head>
    <body>
<div id="login-box2" class="login-popup">
<div id="popupmain">
<div id="headerpopup">
    <a href="index.php" class="close" style="float:right"><img src="images/close1.png" class="btn_close1" title="Close Window" /></a>
     <strong style="margin-top: 5px;float:left;margin-right:20px;color:#66cccc;font-size: 18px;font-weight:bold">Request More info.</strong>
</div>
<div id="content2">
<form name="second_popup" action="mail2.php" method="post" onsubmit="return check_null()">    
    <table style="float:left">
    <tr align="left" style="overflow: h">
    	<td>
    		<p style="font-size: 12px">Please fill in the information below and we will locate the vehicle you are requesting:</p>	
    	</td>
    </tr>
    <tr align="left">
    	<td>
    		<br><strong style="color:#66cccc;">Vehicle Information:</strong>
    	</td>
    </tr>
    <tr align="left">
    	<td style="font-size: 12px">
    		<br>Make *:
    	</td>
    </tr>
    <tr align="left">
    	<td>
    		<input type="text" id="make" name="makee">
    	</td>
    </tr>
    
    <tr align="left">
    	<td style="font-size: 12px">
    		<br>Model *:
    	</td>
    </tr>
    <tr align="left">
    	<td>
    		<input type="text" id="model" name="modell">
    	</td>
    </tr>    

    <tr align="left">
    	<td style="font-size: 12px">
    		<br>Year Range *:
    	</td>
    </tr>
    <tr align="left">
    	<td align="left">
    		<input type="text" id="from" style="width: 60px" name="fromm">
    		<span style="font-size: 12px">To</span> <input type="text" id="to" style="width: 60px" name="too">
        	<br><span style="color: white">------------------------------------------------------------------------------------------------</span>
    	</td>
    </tr>
    <tr align="left">
    	<td style="font-size: 12px">
    		<br>Style:
    		<select name="style">
	    		<option value="none">Select Style</option>
    			<option value="Convertible">Convertible</option>
    			<option value="Coupe">Coupe</option>
    			<option value="Hatch Back">Hatch Back</option>
    			<option value="Sedan">Sedan</option>
    			<option value="SUV">SUV</option>
    			<option value="Truck">Truck</option>
    			<option value="Van">Van</option>
    			<option value="Wagon">Wagon</option>
    			<option value="Car">Car</option>
    			<option value="SAV">SAV</option>
    			<option value="Liftback">Lifback</option>
    		</select>
   				&nbsp;Tranmission: <select name="transmission">
					<option value="None">Select Transmission</option>
				<?php
			 			include_once 'dataBaseConnectivityFile.php';
						$sql_get=mysql_query("select (TRANSMISSION) from filters where TRANSMISSION is not NULL and TRANSMISSION !=	'".$TRANSMISSION."'	");
			 			if (!$sql_get)
			 			{
			    			echo 'Could not run query: '.mysql_error();
						}while($db_field2=mysql_fetch_assoc($sql_get))
						{
							$TRANSMISSION_fromDB2=$db_field2["TRANSMISSION"];
						?>						
						<option value="<?php echo $TRANSMISSION_fromDB2 ?>"><?php echo $TRANSMISSION_fromDB2?></option>
					<?php
 						}
 					?>
 					</select>    		
    		</td>
    	</tr>
    	<tr>
    		<td style="font-size: 12px">
	    		<br>Exterior Color:
					<select name="exterior_color">
						<option value="None">Select Exterior Color</option>
				<?php
			 			include_once 'topStaticBar.php';
			 			include_once 'dataBaseConnectivityFile.php';
						$sql_get=mysql_query("select (EXTERIOR_COLOR) from filters where EXTERIOR_COLOR is not NULL and EXTERIOR_COLOR !=	'".$EXTERIOR_COLOR."'	");
			 			if (!$sql_get)
			 			{
			    			echo 'Could not run query: '.mysql_error();
						}while($db_field2=mysql_fetch_assoc($sql_get))
						{
							$EXTERIOR_COLOR_fromDB2=$db_field2["EXTERIOR_COLOR"];
						?>						
						<option style="background-color: <?php echo $EXTERIOR_COLOR_fromDB2 ?>" value="<?php echo $EXTERIOR_COLOR_fromDB2 ?>"><?php echo $EXTERIOR_COLOR_fromDB2?></option>
					<?php
 						}
 					?>
 					</select>
 					&nbsp;Interior Color:
						<select name="interior_color">
						<option value="None">Select Interior Color</option>
				<?php
			 			include_once 'topStaticBar.php';
			 			include_once 'dataBaseConnectivityFile.php';
						$sql_get=mysql_query("select (INTERIOR_COLOR) from filters where INTERIOR_COLOR is not NULL and INTERIOR_COLOR !=	'".$INTERIOR_COLOR."'	");
			 			if (!$sql_get)
			 			{
			    			echo 'Could not run query: '.mysql_error();
						}while($db_field2=mysql_fetch_assoc($sql_get))
						{
							$INTERIOR_COLOR_fromDB2=$db_field2["INTERIOR_COLOR"];
						?>						
						<option style="background-color: <?php echo $INTERIOR_COLOR_fromDB2 ?>" value="<?php echo $INTERIOR_COLOR_fromDB2 ?>"><?php echo $INTERIOR_COLOR_fromDB2?></option>
					<?php
 						}
 					?>
 					</select> 					
    		</td>
    	</tr>
    	<tr style="font-size: 12px">
    		<td>
    			<br>Mileage:
    			<input style="width: 60px" type="text" id="mileagefrom" name="mileagefrom">
    			To: <input style="width: 60px" type="text" id="mileageto" name="mileageto">
    			&nbsp;&nbsp;&nbsp;&nbsp;
    			Price:
    			<input style="width: 60px" type="text" id="pricefrom" name="pricefrom">
    			To: <input style="width: 60px" type="text" id="priceto" name="priceeto">    			
    		</td>
    	</tr>
    	<tr style="font-size: 12px">
    		<td>
    			<br>Purchase Time Frame:
    		</td>
    	</tr>
    	<tr>
    		<td>
    			<select name="timeframe">
    				<option value="Within 1 Week">Within 1 Week</option>
    				<option value="Within 2 Weeks">Within 2 Weeks</option>
    				<option value="Within 4 Weeks">Within 4 Weeks</option>
    				<option value="Within 8 Weeks">Within 8 Weeks</option>    				    				    				    			
    			</select>
    		</td>
    	</tr>
    <tr>
    	<td>
    		------------------------------------------------------------------------------------------------
    	</td>
    </tr>
	<tr style="font-size: 12px">
		<td align="left">
			First Name: *
			<input type="text" name="fnameee" id="fnamee">
			&nbsp;&nbsp;&nbsp;
			Last Name: *
			<input type="text" name="lnameee" id="lnamee"><br><br>
			Email:*
			<input type="text" name="email" id="emaill" style="width: 400px"><br><br>
			Phone:
			<input type="text" name="phoneee" id="phone"><br>			
			<br>Message:
			<textarea name="message" rows="3" cols="40"></textarea>&nbsp;
            <input type="submit" value="Send Email" style="background-color: #00cccc;color: black;">			
		</td>
	</tr>        	
    </table>
    </form>
    </div>
       </div>
       </div>
        </body>
<script type="text/javascript">

function check_null() 
{
		var make=document.getElementById("make").value;
		var model=document.getElementById("model").value;
		var from =document.getElementById("from").value;
		var to = document.getElementById("to").value; 	
		var to = document.getElementById("to").value;
		var to = document.getElementById("to").value;
		var to = document.getElementById("to").value;
		var fnamee = document.getElementById("fnamee").value;
		var lnamee = document.getElementById("lnamee").value;
		var emaill = document.getElementById("emaill").value;
		
		if(make=="")
		{
			alert("Please enter the Make");
			return false;
		}
		if(model=="")
		{
			alert("Please enter the Model");
			return false;
		}		
		if(from=="")
		{
			alert("Please enter the Year Range (From)");
			return false;
		}		
		if(to=="")
		{
			alert("Please enter the Year Range(To)");
			return false
		}
		if(fnamee=="")
		{
			alert("Please enter First Name");
			return false
		}
		if(lnamee=="")
		{
			alert("Please enter last Name");
			return false
		}
		if(emaill=="")
		{
			alert("Please enter Email");
			return false;
		}				
		else
			{
				return true;
			}			
	}
</script>	